<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>webpack-vue-task</title>
    <style>
      #svg{
        display: inline-block;
        border: 1px solid #623fe3;
      }
    </style>

</head>

<body>
  <div id="svg">
    <!-- <embed src="dialog.svg" width="1024px" height="1024px"
      type="image/svg+xml"/> -->
      <svg xmlns="http://www.w3.org/2000/svg"
        version="1.1"
        viewBox="0 0 944 944">

        <g>
          <path class="title-decorate" fill="#086aca" />
          <path class="bottom-decorate" fill="#08a8ca" />

          <path class="block" fill="#09172d" stroke="#2d6bfa" stroke-width="2px"/>
          <path class="block-left-line" fill="transparent" stroke="#153f78" stroke-width="4px"/>
          <path class="block-right-line" fill="transparent" stroke="#153f78" stroke-width="4px"/>
          <path class="left-decorate" fill="#093a6f"/>
        </g>
      </svg>

  </div>
  <script src="./dialog.js" ></script>
  <script>

    dialogSvg.setSize(735,500);
  </script>

</body>
</html>
